<template>
  <van-empty :description="description" :image="emptyImg"></van-empty>
</template>

<script>
import { Empty } from "vant";

export default {
  name: "EmptyData",
  components: {
    [Empty.name]: Empty
  },
  props: {
    // 描述内容
    description: {
      type: String,
      default: ""
    },
    // 空内容图片
    emptyImg: {
      type: String,
      default: ""
    },
  },
  data() {
    return {
    };
  }
};
</script>

<style scoped lang="less">
.van-empty {
  padding: 0;
  margin-top:230px;
}

::v-deep .van-empty__image {
  width: 340px;
  height: auto;
}

::v-deep .van-empty__description {
  font-size: 26px;
  color: #555555;
  line-height: 37px;
}
</style>
